<template>
  <div class="header" :style="{'border-bottom':showBoottonBorder? '1px solid #ddd' : 'none'}">
      <div title="" v-if="title">{{title}}</div>
       <TitleBar :closeTtype="closeType" :showMax="showMax"></TitleBar>
  </div>

</template>

<script setup>
import TitleBar from './TitleBar.vue';

import { ref, reactive, getCurrentInstance,nextTick} from 'vue'
import { useRouter, useRoute } from 'vue-router'
const { proxy } = getCurrentInstance()
const router = useRouter()
const route = useRoute()

const props=defineProps({

    title:{
      type:String,
    },

    showMax:{
      type:Boolean,
      default:false
    },

    showBoottonBorder:{
      type:Boolean,
      default:false
    },

     closeType:{
        type:Number,
        default:1 //0:关闭当前窗口 1:隐藏窗口
    },

})







</script>

<style lang="scss" scoped>

.header{
  height: 30px;
  -webkit-app-region: drag;
  text-align: center;
  padding-top: 5px;
}

</style>
